<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>图片标签</title>
  </head>

  <body>
    <!--
        应用实例：使用 img 标签显示一张图片。
        img:  标签是图片标签,用来显示图片
        src:  属性可以设置图片的路径
        width:  属性设置图片的宽度
        height: 属性设置图片的高度
        border:  属性设置图片边框大小
        alt:  属性设置当指定路径找不到图片时,用来代替显示的文本内容
        相对路径: 从工程名开始算
        绝对路径: 盘符:/目录/文件名

        路径：在 web 中路径分为相对路径和绝对路径两种
        相对路径: . 表示当前文件所在的目录
                .. 表示当前文件所在的上一级目录
        文件名 : 表示当前文件所在目录的文件,相当于 ./文件名 ./ 可以省略
        绝对路径: 正确格式是: http://IP地址:port/工程名/资源路径 ， 即使用url方式定位资源
                错误格式是: 盘符:/目录/文件名
    -->
    <h1>图片标签的演示</h1>
    <img src="../images/1.png" height="150"  width="400" > <br/>
    <img src="../images/1.png" height="150"  border="10px"><br/>
    <img src="../images/2.png" alt="图片找不到"><br/>
  </body>
</html>